<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>用户结算</title>
		<script src="js/mui.min.js"></script>
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/main.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav main-color FFF">
			<a class="mui-btn mui-btn-link mui-btn-nav mui-pull-left mui-action-back">
				<span class="mui-icon mui-icon-left-nav"></span>用户结算
			</a>
		</header>

		<div class="mui-content my-center font12 margin10">
			<div class="main-title FFFback font12">收货信息</div>
			<ul class="mui-table-view mui-table-view-chevron font12">
				<li class="mui-table-view-cell">
					<a href="post-order.html" class="mui-navigate-right">添加地址</a>
				</li>
			</ul>

			<div class="main-title FFFback font12">支付及配送</div>
			<ul class="mui-table-view mui-table-view-chevron font12">
				<li class="mui-table-view-cell">
					<a href="new-address.html" class="mui-navigate-right">支付方式<br/>配送方式</a>
				</li>
			</ul>

			<div class="mui-input-row FFFback">
				<label class="mui-col-xs-4 mui-col-sm-3 fl leave-messages">给卖家留言</label>
				<input type="text" class="mui-input-clear leave-messages font12 mui-col-xs-8 mui-col-sm-9 fl">
			</div>
			<div class="nav margin10 FFFback">
				<ul class="mui-table-view show-all-price" id="OA_task_1">
					<li class="mui-table-view-cell mui-media finished-order item-price mui-slider-handle">
						<div class="mui-slider-left mui-disabled">
							<a class="mui-btn mui-btn-red font12">删除</a>
						</div>
						<a href="item.html" class="mui-slider-handle" title="">
							<img class="mui-media-object mui-pull-left" src="images/shop_05.png" alt="">
							<div class="mui-media-body">
								奶油草莓1100克新鲜奶油水果顺风包邮
								<p class='mui-ellipsis fl'>单价:￥<font price>60</font>
									<span class="number">数量:<font count >2</font>个</span>
								</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media finished-order item-price mui-slider-handle">
						<div class="mui-slider-left mui-disabled">
							<a class="mui-btn mui-btn-red font12">删除</a>
						</div>
						<a href="item.html" class="mui-slider-handle" title="">
							<img class="mui-media-object mui-pull-left" src="images/shop_05.png" alt="">
							<div class="mui-media-body">
								奶油草莓1100克新鲜奶油水果顺风包邮
								<p class='mui-ellipsis fl'>单价:￥<font price>60</font>
									<span class="number">数量:<font count >2</font>个</span>
								</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media finished-order item-price mui-slider-handle">
						<div class="mui-slider-left mui-disabled">
							<a class="mui-btn mui-btn-red font12">删除</a>
						</div>
						<a href="item.html" class="mui-slider-handle" title="">
							<img class="mui-media-object mui-pull-left" src="images/shop_05.png" alt="">
							<div class="mui-media-body">
								奶油草莓1100克新鲜奶油水果顺风包邮
								<p class='mui-ellipsis fl'>单价:￥<font price>60</font>
									<span class="number">数量:<font count >2</font>个</span>
								</p>
							</div>
						</a>
					</li>

				</ul>
				<ul class="mui-table-view font12">
					<li class="mui-table-view-cell">
						运费: ¥<font freight>20.00</font>
					</li>
					<li class="mui-table-view-cell">
						<span class="color">
							<strong>合计: ¥<font class="all-price-ele" min="600"></font></strong>
						</span>
						<p class="font12">运费: ¥20.00</font></p>
						<a class="mui-btn main-color FFF font12" href="post-order.html">
							提交订单
						</a>
					</li>
				</ul>
			</div>
		</div>
		<script src="js/jquery-1.11.0.js"></script>
		<script>
			$('.show-all-price').each(function() {
				var sum = 0;
				$('[price]').each(function() {
					sum += $(this).text() * $(this).parent().find('[count]').text();
				});
				var allEle = $('.all-price-ele');
				var min = (allEle.attr('min') - 0) || 0;
				if (sum < min) sum += $(this).next().find('[freight]').text() - 0;
				allEle.text(sum.toFixed(2));
			});
		</script>
	</body>

</html>